// Copyright (C) 2018 Nokia
@import "../../../styles/colors";

.stackedBarChart {
  width: 100%;
  height: 10px;
  font-size: 0;

  .inner {
    width: 100%;
    height: 100%;
    font-size: 0;
    background: #dde4e6;

    .highlight {
      transition: filter .3s ease-in-out;
      background-color: $entity-completed;

      &:hover {
        filter: brightness(1.1);
      }

      &.waiting {
        background-color: $entity-waiting;
      }
    }

    div {
      height: 100%;
      display: inline-block;
      font-size: 0;
    }
  }
}

table {
  line-height: 1.3;
  td {
    padding: .2rem;
    vertical-align: middle;
  }
  td .task-name-container {
    width: 150px;
  }
  td.task-name a {
    color: #666;
    margin-left: .4em;
  }
  th input.form-control-sm {
    padding: .1rem;
    font-size: .775rem;
  }
}